<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>Manuela Henriques - {lang_title}</title>
        <base href="{base_url}{base_template_site}">
        <!--CSS-->
        {includeCSS}
        <link rel="stylesheet" type="text/css" href="css/inputs.css"/>
        <!--JS-->
        {includeJS}
        <script src="js/geral.js"></script>
        <script src="js/jquery.maskedinput-1.3.js"></script>
        <script>
            $(window).load(function(){
                $("#from_cad_contato").fadeIn();
				$("#nome").focus();
                
                $("#submit").click(function(a){
                    a.preventDefault();
                    var obj = this;
                    var nome = $("#nome").val();
                    var email = $("#email").val();
                    var telefone = $("#telefone").val();
                    var mensagem = $("#mensagem").val();
                    //var value = $(this).attr('value');
                    $.ajax({
                        //url: base_cms+"contato/status",
                        url: "{base_url}onde-encontrar/enviar",
                        type: "POST",
                        data: {
                            'nome' : nome,
                            'email' : email,
                            'telefone' : telefone,
                            'mensagem' : mensagem
                        },
                        dataType: "json",
                        beforeSend: function(){
                            $(obj).addClass('load');
                        },
                        
                        success: function(data) {
                            if(data.cod == 999){
                                //$(obj).attr('class',data.lida_icon);
                                /// MENSAGEM ENVIADA COM SUCESSO
                                $('#msg').fadeOut(50);
                                $('#msg').attr('class','color009900');
                                $('#msg').html(data.msg);
                                $('#msg').fadeIn(300);
                                //$("#from_cad_contato :input").fadeOut();
                                $("#from_cad_contato :input").removeClass('borderAviso');
                                $("#submit").fadeOut();
                                $("#from_cad_contato").fadeOut();
                                
                            }else{
                                $.each(data.campos, function(index) {
                                    $("#from_cad_contato :input").removeClass('borderAviso');
                                    $("#"+data.campos[index]).addClass('borderAviso');
                                    $("#"+data.campos[index]).focus();
                                    
                                    $('#msg').fadeOut(50);
                                    $('#msg').attr('class','colorC00');
                                    $('#msg').html(data.msg);
                                    $('#msg').fadeIn(300);
                                    
                                    exit;
                                });
                            } 
                        }
                    });
                });
            });
        </script>
    </head>

    <body>
        <div id="wrapper">
            <header id="logo">
                <h1><img src="images/manuela-henriques-logo" width="295" height="23" alt="MANUELA HENRIQUES" title="MANUELA HENRIQUES"></h1>
            </header>
            <div class="fr" style="margin:34px 46px;">
                <a href="{base_url}carrinho/0"><img src="images/carrinho.png" width="30" height="19" class="margimBottom-3">{carrinho} {lang_item}</a>
            </div>
            <div class="clear"></div>
            <!--  MENU  -->
            {include_menu}
            <!-- FIM MENU--> 

            <!--CONTEUDO-->
            <section id="container"> 
                <header class="barraTitulos">{lang_title}</header>
                <article class="infoContato">
                    {lang_email}:
                    <a href="mailto:manuela@manuelahenriques.com.br">manuela@manuelahenriques.com.br</a><br>
                    <img src="images/line.jpg" width="550" height="1"><br>

                    <p style="margin:15px 0 25px 0;">{lang_telefones}: <span style="margin-top:5px;">+55 (16) 9244-0479</span> | <span>+55 (11) 9970-4928</span><br> <img src="images/line.jpg" width="550" height="1"></p>
                    <div id="msg" style="display: none; margin:0 0 15px 0;"></div>
                    <form id="from_cad_contato" style="display:none;">
                        <label>{lang_form_nome}:<br><input name="nome" id="nome" type="text" class="width340 marginTop5" ></label><br><br>
                        <label>{lang_form_email}:<br><input name="email" id="email" type="email" class="width340 marginTop5"></label><br><br>
                        <label>{lang_form_telefone}:<br><input name="telefone" telefone="telefone" type="text" class="width340 marginTop5"></label><br><br>
                        <label>{lang_form_mensagem}:<br><textarea rows="5" name="mensagem" id="mensagem" class="width340 marginTop5"></textarea></label><br><br>
                        
                        <button class="botao fl" id="submit">{lang_form_enviar} </button>

                    </form>
                </article>


            </section>
            <!--CONTEUDO-->

            <div class="clear"></div>

            <!--FOOTER-->
            {include_footer}
            <!--FOOTER--> 
        </div>
    </body>
</html>
